<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<title>同城帮首页</title>
	<link rel="stylesheet" type="text/css" href="bookstrap/css/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
	<script src="js/jquery-3.1.1.js" type="text/javascript" charset="utf-8"></script>
	<script src="bookstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<!--header start-->
	<header>
		<div id="header-main">
			<ul class="fl h-l">
				<li>
					<span>北京</span>
					<a href="#" style="margin-left: 5px;">[切换城市]</a>|
				</li>
				<li>
					<a href="index.html">同城帮首页</a>
				</li>
			</ul>
			<ul class="fr h-r">
				<li>
					<a href="#">登录</a>|
				</li>
				<li>
					<a href="#">注册</a>|
				</li>
				<li>
					<a href="#">我的订单</a>|
				</li>
				<li>
					<a href="#" style="margin-right:2px;">在线客服</a><span>(9:00-21:00)</span>|
				</li>
				<li id="service">
					<a href="#">客户服务<span></span></a>
					<div id="uu">
						<p>
							<a href="#">帮助中心</a>
						</p>
						<p>
							<a href="#">维修服务</a>
						</p>
					</div>
				</li>
				<li>
					|<a href="#">论坛</a>|
				</li>
				<li>
					<a href="#" style="color: red;">投诉建议</a>
				</li>
			</ul>
		</div>
	</header>
	<!--header end-->
	<!--nav start-->
	<nav>
		<img src="https://p.ssl.qhimg.com/t01dbcc1db722b5c99c.png" class="fl"/>
		<ul class="fr">
			<li>
				<a href="#">优品</a>
			</li>
			<li>
				<a href="#">手机回收</a>
			</li>
			<li>
				<a href="#">手机维修</a>
			</li>
			<li>
				<a href="#">电脑维修</a>
			</li>
			<li>
				<a href="#">以旧换新</a>
			</li>
			<li>
				<a href="#">手机租用</a>
			</li>
		</ul>
	</nav>
	<!--nav end-->
	<!--banner start-->
	<div id="banner">
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
		  <!-- Indicators -->
		  	<ol class="carousel-indicators">
			    <li data-target="#carousel-example-generic" data-slide-to="0" class="active b"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="1" class="b"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="2" class="b"></li>
		  	</ol>
		  <!-- Wrapper for slides -->
		  	<div class="carousel-inner" role="listbox">
			    <div class="item active">
			      	<img src="http://p.ssl.qhmsg.com/t0178a394ef65e6ae51.jpg" alt="...">
			    </div>
			    <div class="item">
			      	<img src="http://p3.ssl.qhmsg.com/t01552ae9393d8f7cf3.jpg" alt="...">
			    </div>
			    <div class="item">
			      	<img src="http://p.ssl.qhmsg.com/t01c85b156ed264fe68.png" alt="...">
			    </div>
		  	</div>
		</div>
		<section>
			<ul>
				<li>
					<a href="#" class="pad">修手机/Pad</a>
				</li>
				<li>
					<a href="#" class="dn">修电脑</a>
				</li>
				<li>
					<a href="#" class="sj">卖手机/电脑</a>
				</li>
				<li>
					<a href="#" class="fhone">买手机</a>
				</li>
			</ul>
		</section>
	</div>
	<!--banner end-->
	<!--main start-->
	<div id="main">
		<div id="con">
			<div id="main1">
				<ul>
					<li>
						<a href="#">
							<img src="https://p.ssl.qhimg.com/t01aad5c130b8653368.jpg"/>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="https://p.ssl.qhimg.com/t01dc8f9631026e7e17.jpg"/>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="https://p.ssl.qhimg.com/t013b648422d14559d0.png"/>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="https://p.ssl.qhimg.com/t01fc1fd0e5522663ba.jpg"/>
						</a>
					</li>
				</ul>
			</div>
			<h3>热门手机回收</h3>
			<div class="remen">
				<div class="fl">
					<a href="#">
						<img src="https://p.ssl.qhimg.com/t01a10599c63e402740.png"/>
					</a>
				</div>
				<ul class="fl">
					<li>
						<a href="#">
							<img src="https://p.ssl.qhimg.com/t01068fe5e76aa7e910.jpg"/>
							<p>苹果 iPhone 6</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="https://p.ssl.qhimg.com/t01ddf19cbaa3a791b7.jpg"/>
							<p>苹果 iPhone 5s</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="https://p.ssl.qhimg.com/t0154d371a550ee894f.jpg"/>
							<p>小米 M4</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="https://p.ssl.qhimg.com/t01078047308a85471c.jpg"/>
							<p>华为 Mate 7</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="https://p.ssl.qhimg.com/t0127e99c045a53e82e.jpg" style="width: 200px;"/>
							<p>魅族 MX5</p>
						</a>
					</li>
				</ul>
			</div>
			<h3>优品精选</h3>
			<div class="remen">
				<div class="huishou fl">
					<a href="#">
						<img src="https://p.ssl.qhimg.com/t0181716474f1ff8f12.png"/>
					</a>
				</div>
				<ul class="fl">
					<li>
						<a href="#">
							<img src="http://p0.qhmsg.com/t018613e54836792dc7.jpg" class="p-img"/>
							<p>华为 荣耀4X</p>
							<p class="price">￥399</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="http://p0.qhmsg.com/t01b22e386ff3a1e8f4.jpg" class="p-img"/>
							<p>苹果 iPhone 6 Plus</p>
							<p class="price">￥2588</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="http://p0.qhmsg.com/t010ab1f5efb21f7035.jpg" class="p-img"/>
							<p>小米 M4</p>
							<p class="price">￥2588</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="http://p0.qhmsg.com/t01aa0668edbec813a2.jpg" class="p-img"/>
							<p>华为 Mate 7</p>
							<p class="price">￥2588</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="http://p0.qhmsg.com/t01afc806d7d7fa9484.jpg" class="p-img"/>
							<p>魅族 MX5</p>
							<p class="price">￥2588</p>
						</a>
					</li>
				</ul>
			</div>
			<h3>到店维修</h3>
		</div>
	</div>
	<div id="main2">
		<div id="weixiu">
			<form>
				<button>辽源<span></span></button>
				<button>选择区县<span></span></button>
				<input type="text" placeholder="输入您的位置查找附近的商家"/><button>搜索</button>
			</form>
			<div id="moren">
				<ul>
					<li class="white">
						<a href="#">默认排序</a>
					</li>
					<li>
						<a href="#">按成交量</a>
					</li>
					<li>
						<a href="#">按人气</a>
					</li>
					<li>
						<a href="#">先行赔付</a>
					</li>
					<li style="float: right;">
						<a href="#" class="ditu">地图模式</a>
					</li>
				</ul>
			</div>
			<div id="main3">
				<ul>
					<li>
						<a href="#">
							<img src="http://p0.qhimg.com/edr/140__140/ss/30_105/t01433960ff1643c633.jpg"/>
						</a>
						<h4>
							<a href="#">东丰县小四平镇森通电脑<span>店铺等级</span></a>
						</h4>
						<p>
							<a href="#">主营：品牌电脑 组装电脑 电脑维修 安防监控 键鼠耳麦</a>
						</p>
						<p>
							<span><a href="#">地址：辽源东丰县小四平镇供销社对面</a></span>
							<span><a href="#" style="margin-left: 50px;">人气：4771次浏览</a></span>
						</p>
						<button>进入店铺</button>
					</li>
					<li>
						<a href="#">
							<img src="http://p0.qhimg.com/edr/140__140/ss/30_105/t01433960ff1643c633.jpg"/>
						</a>
						<h4>
							<a href="#">东丰县小四平镇森通电脑<span>店铺等级</span></a>
						</h4>
						<p>
							<a href="#">主营：品牌电脑 组装电脑 电脑维修 安防监控 键鼠耳麦</a>
						</p>
						<p>
							<span><a href="#">地址：辽源东丰县小四平镇供销社对面</a></span>
							<span><a href="#" style="margin-left: 50px;">人气：4771次浏览</a></span>
						</p>
						<button>进入店铺</button>
					</li>
					<li>
						<a href="#">
							<img src="http://p0.qhimg.com/edr/140__140/ss/30_105/t01433960ff1643c633.jpg"/>
						</a>
						<h4>
							<a href="#">东丰县小四平镇森通电脑<span>店铺等级</span></a>
						</h4>
						<p>
							<a href="#">主营：品牌电脑 组装电脑 电脑维修 安防监控 键鼠耳麦</a>
						</p>
						<p>
							<span><a href="#">地址：辽源东丰县小四平镇供销社对面</a></span>
							<span><a href="#" style="margin-left: 50px;">人气：4771次浏览</a></span>
						</p>
						<button>进入店铺</button>
					</li>
					<li>
						<a href="#">
							<img src="http://p0.qhimg.com/edr/140__140/ss/30_105/t01433960ff1643c633.jpg"/>
						</a>
						<h4>
							<a href="#">东丰县小四平镇森通电脑<span>店铺等级</span></a>
						</h4>
						<p>
							<a href="#">主营：品牌电脑 组装电脑 电脑维修 安防监控 键鼠耳麦</a>
						</p>
						<p>
							<span><a href="#">地址：辽源东丰县小四平镇供销社对面</a></span>
							<span><a href="#" style="margin-left: 50px;">人气：4771次浏览</a></span>
						</p>
						<button>进入店铺</button>
					</li>
					<li>
						<a href="#">
							<img src="http://p0.qhimg.com/edr/140__140/ss/30_105/t01433960ff1643c633.jpg"/>
						</a>
						<h4>
							<a href="#">东丰县小四平镇森通电脑<span>店铺等级</span></a>
						</h4>
						<p>
							<a href="#">主营：品牌电脑 组装电脑 电脑维修 安防监控 键鼠耳麦</a>
						</p>
						<p>
							<span><a href="#">地址：辽源东丰县小四平镇供销社对面</a></span>
							<span><a href="#" style="margin-left: 50px;">人气：4771次浏览</a></span>
						</p>
						<button>进入店铺</button>
					</li>
				</ul>
			</div>
		</div>
		
	</div>
	<!--main end-->
</body>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</html>